今天我們要詳細點的來介紹JQuery UI所提供的功能,我們也可以上到官網能看到更詳細的介紹~~~
JQuery UI的功能大致可以分為四個類型:
1.Interaction(互動):
- Draggable:能透過滑鼠拖曳元素。
- Droppable:能建立可拖放元素的目標。
- Resizable:能透過滑鼠控制元素的大小。
- Selectable:能透過滑鼠選取元素。
- Sortable:能透過滑鼠將元素進行排序。
2.Widget(元件):
- Accordion:顯示可折疊的區塊。
- Autocomplete:顯示自動完成的清單。
- Button:顯示按鈕。
- Checkboxradio:顯示核取方塊及選擇鈕。
- Controlgroup:將多個元件做為一個群組。
- Datepicker:日期選擇器。
- Dialog:對話方塊。
- Menu:功能表。
- Progressbar:進度列。
- Selectmenu:下拉式清單。
- Slider:滑桿。
- Spinner:控制介面。
- Taps:標籤頁。
- Tooltip:工具提示。
3.Effect(特效):
- Add Class:樣式變化時會有特效。
- Color Animation:色彩變化時會有特效。
- Easing:在動畫中產生不同的速度變化。
- Effect:產生各種特效。
- Toggle:隱藏或顯示元素。
4.Utility(公用程式):
- Position:設定元素的位置。
- Widget Factory:建立元件的外掛程式。
今天先介紹JQuery UI的功能大綱,下一篇會開始詳細的介紹用法~~~~
今天的課程就到這邊。